var inps = document.querySelectorAll("input")
var btn = document.querySelector("button")
var frm = document.querySelector("form")
var is = frm.querySelectorAll("i")
var bool = false //设置开关，验证当前账号是否重复验证账号格式
// var u2 = true
var p1 = false



//给输入框绑定失去焦点事件
inps[0].onblur = function () {
    // 获取输入框的内容
    var v1 = this.value

    var v2 = inps[1].value;
    // 使用ajax发送请求
    (async function () {
        var txt = await PromiseAjax({
            url: "./php/zhuce2.php",
            data: ` username=${v1}`
        })
        console.log(txt)
        if (txt == 1) {
            is[0].innerHTML = "用户名已存在"
            is[0].style.color = "red"
            inps[0].focus()
            bool = false
        } else {

            is[0].innerHTML = "√"
            bool = true
        }
    })()
}



/*  // 验证正则表达式
 // 设置规则
 var reg = /^[0-9a-zA-Z\u4e00-\u9fa5]{6,10}$/
 if(reg.test(v1)){
     u2 = true
     is[0].innerHTML="√"
 }else{
     u2 = false
     is[0].innerHTML="账号格式有误" 
     is[0].style.color="red"
 } */




btn.onclick = function () {

    if (inps[2].checked) {
        //获取输入框的值
        var n1 = inps[0].value
        var p1 = inps[1].value;
        //使用ajax发送请求，并获取响应结果
        (async function () {
            var txt = await PromiseAjax({
                url: "./php/zhuce.php",
                data: `user=${n1}&pass=${p1}`
            })
            // console.log(txt)
            if (txt == 1) {
                alert("注册成功")

                location = "./login.html"

            } else {
                alert("注册失败")
                location.reload()
            }
        })()
    } else {
        alert("请先阅读并勾选协议")
    }

}

/* $('[name="frm"]').validate({
    rules: {
        num: "required",
        pass: {
            required: true,
            maxlength: 10
        },

    }
}) */


/* // 设置密码验证
 // 验证密码
        // 给密码绑定事件
        inps[1].onblur = function () {
            // 设置规则
            var reg = /^\w{6,16}$/  
            // 获取输入内容
            var  v1 = inps[1].value
            // 判断检验结果
            if (reg.test(v1)) {
                // spans[1].innerHTML="√"
                // 设置密码强弱程度
                var a = 0 //数字
                var b = 0 //小写字母
                var c = 0 //大写字母
                var d = 0 //符号
                // 遍历字符串每个字符
                for (var i = 0; i < s1.length; i++) {
                    // 判断是否含有a、b、c、d
                    // 判断输入内容是否含有数字
                    if (/^\d$/.test(v1[i])) {
                        a++
                        // 判断是否含有小写字母
                    } else if (/^[a-z]$/.test(v1[i])) {
                        b++
                    } else if (/^[A-Z]$/.test(v1[i])) {
                        c++
                    } else if (/^_$/.test(v1[i])) {
                        d++
                    }
                }

                // 判断强弱程度
                // 只含有一种
                if (a + b + c + d == 1) {
                    is[1].innerHTML = "弱"
                } else if (a + b + c + d == 2) {
                    is[1].innerHTML = "中"
                } else if (a + b + c + d > 2) {
                    is[1].innerHTML = "强"
                }


                p1 = true
            } else {
                is[1].innerHTML = "密码格式有误"
                p2 = false
            }
        }
 */